#{extends 'main.html' /}
#{set title:'login.html' /}

<h1>Login</h1>
<div id="styledForm">
#{form @Secure.authenticate()}
    <fieldset>              

        <div class="field">     
            <label for="username">Email</label>                    
            <input id="username" type="text" name="username" size="30" value="${flash.username}"/> 
       	</div>
       	
        <div class="field">
            <label for="password">Password</label>                  
            <input id="password" type="password" name="password" size="30" value=""/> 
        </div>    
        
        <div class="field"> 
            <label for="remeber">Remember me</label>
            <input type="checkbox" align="left" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
        </div>
    </fieldset>     
    
    <input type="submit" class="submit" value=" login " />
    
    <br>
    <a class=text href=lostPassword>Forgot your password?</a>
     
#{/form}   
</div>                    



